@layer firstLevelState {
  @media (max-width: 1440px) {
    .NavMenu ul {
      overflow-x: auto
    }
    .NavMenu ul li {
      flex: 0 0 auto
    }
    .NavMenu ul li.Logo {
      order: -1
    }
  }
  @container (width < 850px) {
    .Advantages {
      display: flex;
      flex-flow: row wrap;
      gap: 0 50px;
      justify-content: center
    }
    .Advantages > * {
      flex: 0 0 300px
    }
  }
  @container (width <= 650px) {
    .Advantages > * {
      flex: 0 1 auto
    }
  }
  @container (width <= 650px) {
    .Advantage {
      grid-template-columns: auto;
      grid-template-rows: auto;
      justify-items: center;
      text-align: center
    }
    .Advantage img {
      margin-bottom: 15px
    }
  }
  @media (max-width: 1240px) {
    .BlockWithTwoColumns {
      display: block
    }
  }
}